<script setup lang="ts">

</script>

<template>
  <el-card class="box-card">
    <h1 style="text-align: center">土壤 气相色谱法分析原始记录（B面）</h1>
    <table class="table">
      <tr>
        <td colspan="2" style="text-align: center;border-right: none;"></td>
        <td colspan="13" style="text-align: center; border-left: none; border-right: none; font-weight: bold;">标准曲线绘制
        </td>
        <td colspan="6" style="text-align: center;border-left: none;">
          绘制日期：&nbsp;&nbsp;&nbsp;年&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;日</td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td colspan="2">标准贮备液批号</td>
        <td colspan="4">
          <el-input style="width: 150px;border: 1px solid transparent" placeholder="请输入" />
        </td>
        <td colspan="2" style="width: 11%;">贮备液浓度(mg/L)</td>
        <td colspan="4">
          <el-input style="width: 150px;border: 1px solid transparent" placeholder="请输入" />
        </td>
        <td colspan="2" style="width: 10%;">贮备液有效日期</td>
        <td colspan="5">
          <el-input style="width: 150px;border: 1px solid transparent" placeholder="请输入" />
        </td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">编号</td>
        <td colspan="2" style="width: 9%;">1</td>
        <td colspan="2" style="width: 9%;">2</td>
        <td colspan="2" style="width: 9%;">3</td>
        <td colspan="2" style="width: 9%;">4</td>
        <td colspan="2" style="width: 9%;">5</td>
        <td colspan="2" style="width: 9%;"></td>
        <td colspan="2" style="width: 9%;"></td>
        <td colspan="2" style="width: 9%;"></td>
        <td colspan="2" style="width: 10%;"></td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">标准使用液浓度( )</td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">标准加入量( )</td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">定容体积（ ）</td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">溶液浓度( )</td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="2" style="text-align: center;">校准曲线</td>
        <td style="width: 8%;" colspan="18">y=_______+_______x&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;r=_______</td>
      </tr>
      <tr>
        <td colspan="20" style="text-align: center;font-weight: bold;">曲线校核点测定</td>
      </tr>
      <tr style="text-align: center;background-color: #f2f2f2">
        <td colspan="2">样品编号</td>
        <td colspan=" 4">测定结果( )</td>
        <td colspan="4">相对_______( )</td>
        <td colspan="5">质控要求</td>
        <td colspan="5">是否合格</td>
      </tr>
      <tr v-for="rowIndex in 3" :key="rowIndex">
        <td colspan="2"></td>
        <td colspan="4"></td>
        <td colspan="4"></td>
        <td colspan="5"></td>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td colspan="20" style="text-align: center;font-weight: bold;">空白检查</td>
      </tr>
      <tr style="text-align: center;background-color: #f2f2f2">
        <td colspan="2">样品编号</td>
        <td colspan=" 4">试样浓度( )</td>
        <td colspan="4">样品浓度( )</td>
        <td colspan="5">质控要求</td>
        <td colspan="5">是否合格</td>
      </tr>
      <tr v-for="rowIndex in 2" :key="rowIndex">
        <td colspan="2"></td>
        <td colspan="4"></td>
        <td colspan="4"></td>
        <td colspan="5"></td>
        <td colspan="5"></td>
      </tr>
      <tr>
        <td colspan="20" style="text-align: center;font-weight: bold;">平行样测定</td>
      </tr>
      <tr style="text-align: center;background-color: #f2f2f2">
        <td colspan="2">样品编号</td>
        <td colspan=" 6">与</td>
        <td colspan="6">与</td>
        <td colspan="6">与</td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">测定浓度( )</td>
        <td colspan="3"></td>
        <td colspan="3"></td>
        <td colspan="3"></td>
        <td colspan="3"></td>
        <td colspan="3"></td>
        <td colspan="3"></td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">
          <input type="checkbox">相对偏差
          <input type="checkbox">_____
        </td>
        <td colspan="6"></td>
        <td colspan="6"></td>
        <td colspan="6"></td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">质控要求</td>
        <td colspan="6"></td>
        <td colspan="6"></td>
        <td colspan="6"></td>
      </tr>
      <tr style="text-align: center;">
        <td colspan="2">是否合格</td>
        <td colspan="6"></td>
        <td colspan="6"></td>
        <td colspan="6"></td>
      </tr>
      <tr>
        <td colspan="20" style="text-align: center;font-weight: bold;">标准样品测定</td>
      </tr>
      <tr style="text-align: center;background-color: #f2f2f2">
        <td>标样批号</td>
        <td colspan="6">测定浓度( )</td>
        <td colspan="6">标准值( )</td>
        <td colspan="6">是否合格</td>
      </tr>
      <tr style="text-align: center;" v-for="rowIndex in 3" :key="rowIndex">
        <td></td>
        <td colspan="6"></td>
        <td colspan="6"></td>
        <td colspan="6"></td>
      </tr>
      <tr>
        <td colspan="19" style="text-align: center;font-weight: bold;">加标回收样测定</td>
      </tr>
      <tr>
        <td colspan="20" style="margin: 0; padding: 0; border-collapse: collapse;">
          <table style=" width: 100%;border-collapse: collapse; text-align: left; font-size: 14px;color: #606266;">
            <tr style="text-align: center;">
              <td style="border-top: none;border-left: none;width: 10%; background-color: #f2f2f2" colspan="3">样品编号</td>
              <td style="border-top: none;width: 10%; background-color: #f2f2f2" colspan="3">标液浓度( )</td>
              <td style="border-top: none;width: 10%; background-color: #f2f2f2" colspan="3">加标量( )</td>
              <td style="border-top: none;width: 11%; background-color: #f2f2f2" colspan="3">加标后样品含量/浓度( )</td>
              <td style="border-top: none;width: 10%; background-color: #f2f2f2" colspan="3">原样品含量/浓度( )</td>
              <td style="border-top: none;width: 10%; background-color: #f2f2f2" colspan="3">回收率( % )</td>
              <td style="border-top: none;width: 10%; background-color: #f2f2f2" colspan="3">质控要求</td>
              <td style="border-top: none;border-right: none; background-color: #f2f2f2;" colspan="3">是否合格</td>
            </tr>
            <tr style="text-align: center;" v-for="rowIndex in 5" :key="rowIndex">
              <td style="border-left: none;border-bottom: none;" colspan="3"></td>
              <td style="border-bottom: none;" colspan="3"></td>
              <td style="border-bottom: none;" colspan="3"></td>
              <td style="border-bottom: none;" colspan="3"></td>
              <td style="border-bottom: none;" colspan="3"></td>
              <td style="border-bottom: none;" colspan="3"></td>
              <td style="border-bottom: none;" colspan="3"></td>
              <td style="border-left: none;border-bottom: none; border-right: none;;width: 55%;" colspan="3"></td>
            </tr>
          </table>
        </td>
      </tr>

      <tr>
        <td>备注</td>
        <td colspan="18">
          <el-input style="width: 150px;border: 1px solid transparent" />
        </td>
      </tr>
    </table>
  </el-card>
</template>

<style scoped lang="scss">
.card {
  padding: 20px 25px;
}

.table {
  width: 100%;
  border-collapse: collapse;
  /* 表格边框合并 */
  text-align: left;
  /* 默认左对齐 */
  font-size: 14px;
  /* 字体大小 */
  color: #606266;
  /* 默认字体颜色 */
  margin-bottom: 20px;
}

.table th,
.table td {
  border: 1px solid #c2bfbf;
  /* 表格单元格边框颜色 */
  padding: 12px;
  /* 单元格内边距 */
}

.table th {
  background: #f5f7fa;
  /* 表头背景色 */
  font-weight: 600;
  /* 表头字体加粗 */
  color: #303133;
  /* 表头字体颜色 */
  text-align: center;
  /* 表头居中 */
}

.table td {
  width: 15%;
}

.table-td {
  display: flex;
}

::v-deep .el-input__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-select__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-input-group__append {
  background-color: transparent;
  box-shadow: none;
}
</style>
